
<style>
  @import "../../node_modules/primer-markdown/build/build.css";
  table {
    border-collapse: collapse;
  }
  table td,
  table th {
    border-color: transparent !important;
  }
  table td {
    min-width: 200px;
    max-width: 550px;
  }
  table th {
    font-weight: bold !important;
  }
  table tr {
    background: transparent !important;
    height: 45px;
  }
  table td:first-child {
    white-space: nowrap;
  }
  .Y { /* YES */
    background-color: rgba( 76, 175, 80, .2 );
  }
  .W { /* WARNING */
    background-color: rgba( 250, 191, 64, .2 );
  }
  .X { /* NO */
    background-color: rgba( 244, 67, 54, .2 );
  }
  table tr:nth-child(even):not(:first-child) .Y { /* YES DARKER */
    background-color: rgba( 76, 175, 80, .3 );
  }
  table tr:nth-child(even):not(:first-child) .W { /* WARNING DARKER */
    background-color: rgba( 250, 191, 64, .3 );
  }
  table tr:nth-child(even):not(:first-child) .X { /* NO DARKER */
    background-color: rgba( 244, 67, 54, .3 );
  }
  table tr:nth-child(even):not(:first-child) td:first-child { /* DARKER */
    background-color: rgba( 0, 0, 0, .05 );
  }
</style>

<div class="markdown-body">
  <table>
    <thead>
      <tr>
        <th></th>
        <th>Notable</th> <!-- Notable -->
        <th>Bear</th> <!-- Bear -->
        <th>Boostnote</th> <!-- Boostnote -->
        <th>Evernote</th> <!-- Evernote -->
        <th>Keep</th> <!-- Keep -->
        <th>Notion.so</th> <!-- Notion.so -->
        <th>Quiver</th> <!-- Quiver -->
        <th>Simplenote</th> <!-- Simplenote -->
        <th>TiddlyWiki</th> <!-- TiddlyWiki -->
        <th>Typora</th> <!-- Typora -->
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Free</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="W">△, with paid plans</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="W">△, with paid plans</td> <!-- Evernote -->
        <td class="Y">✓</td> <!-- Keep -->
        <td class="W">△, with paid plans</td> <!-- Notion.so -->
        <td class="X">✕, only during trial</td> <!-- Quiver -->
        <td class="Y">✓</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Open source</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="X">✕</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="X">✕</td> <!-- Quiver -->
        <td class="Y">✓</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="X">✕</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Cross platform</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="X">✕</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="Y">✓</td> <!-- Evernote -->
        <td class="W">△, via web app</td> <!-- Keep -->
        <td class="Y">✓</td> <!-- Notion.so -->
        <td class="X">✕</td> <!-- Quiver -->
        <td class="Y">✓</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>No account required</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="Y">✓</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>No proprietary formats</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="W">△, can export to Markdown</td> <!-- Bear -->
        <td class="Y">✓, but notes are stored in .cson</td> <!-- Boostnote -->
        <td class="W">△, can only export to HTML</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="W">△, no inside Text cells</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>No WYSIWYG</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="X">✕, but it’s a surprisingly decent one</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="W">△, no inside Text cells</td> <!-- Quiver -->
        <td class="W">△, only if you set “Markdown formatted”</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="W">△, only in Source Mode</td> <!-- Typora -->
      </tr>
      <tr>
        <td>No bloat</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="W">△, publish to blog, snippets</td> <!-- Boostnote -->
        <td class="X">✕, work chat, webclipper, annotations etc.</td> <!-- Evernote -->
        <td class="W">△, drawings</td> <!-- Keep -->
        <td class="X">✕, spreadsheets, kanban board etc.</td> <!-- Notion.so -->
        <td class="W">△, presentation mode</td> <!-- Quiver -->
        <td class="W">△, publish to website</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Pretty UI</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="X">✕</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="W">△, too sticky-notes oriented</td> <!-- Keep -->
        <td class="X">✕, too much bloat</td> <!-- Notion.so -->
        <td class="X">✕</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="X">✕</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>GitHub-flavored Markdown</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="X">✕</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="Y">✓, only within Markdown cells</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="X">✕</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Code syntax highlighting</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="X">✕, only generic code blocks</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="Y">✓</td> <!-- Notion.so -->
        <td class="Y">✓</td> <!-- Quiver -->
        <td class="X">✕, only generic code blocks</td> <!-- Simplenote -->
        <td class="X">✕, only generic code blocks</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Attachments</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="X">✕</td> <!-- Boostnote -->
        <td class="Y">✓, but base64 encoded in HTML when exported</td> <!-- Evernote -->
        <td class="W">△, only images</td> <!-- Keep -->
        <td class="Y">✓, but 5MB limit on free plan</td> <!-- Notion.so -->
        <td class="Y">✓</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="X">✕</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Fuzzy search</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="X">✕</td> <!-- Bear -->
        <td class="X">✕</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="X">✕</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="X">✕</td> <!-- TiddlyWiki -->
        <td class="X">✕</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Indefinitely nestable tags</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="X">✕</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="X">✕</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="X">✕</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Multi-note simple editing</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="W">△, very limited</td> <!-- Boostnote -->
        <td class="Y">✓</td> <!-- Evernote -->
        <td class="Y">✓</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="Y">✓</td> <!-- Quiver -->
        <td class="W">△, very limited</td> <!-- Simplenote -->
        <td class="Y">✓</td> <!-- TiddlyWiki -->
        <td class="X">✕</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Multi-note search & replace</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="X">✕</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="X">✕</td> <!-- Notion.so -->
        <td class="W">△, with some effort, notes are stored as .qvnote</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="X">✕</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Keyboard friendly</td>
        <td class="Y">✓</td> <!-- Notable -->
        <td class="Y">✓, but some shortcuts are undocumented</td> <!-- Bear -->
        <td class="W">△, can’t toggle edit and preview mode</td> <!-- Boostnote -->
        <td class="Y">✓</td> <!-- Evernote -->
        <td class="Y">✓</td> <!-- Keep -->
        <td class="Y">✓</td> <!-- Notion.so -->
        <td class="X">✕, I couldn’t edit a note without the mouse</td> <!-- Quiver -->
        <td class="X">✕</td> <!-- Simplenote -->
        <td class="X">✕</td> <!-- TiddlyWiki -->
        <td class="Y">✓</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Mobile app</td>
        <td class="X">✕, but notes are Markdown files</td> <!-- Notable -->
        <td class="W">△, only iOS</td> <!-- Bear -->
        <td class="Y">✓</td> <!-- Boostnote -->
        <td class="Y">✓</td> <!-- Evernote -->
        <td class="Y">✓</td> <!-- Keep -->
        <td class="Y">✓</td> <!-- Notion.so -->
        <td class="W">△, only iOS</td> <!-- Quiver -->
        <td class="Y">✓</td> <!-- Simplenote -->
        <td class="W">△, via web app</td> <!-- TiddlyWiki -->
        <td class="X">✕, but notes are Markdown files</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Synchronization</td>
        <td class="W">△, via Dropbox/etc.</td> <!-- Notable -->
        <td class="Y">✓</td> <!-- Bear -->
        <td class="W">△, via Dropbox/etc.</td> <!-- Boostnote -->
        <td class="Y">✓</td> <!-- Evernote -->
        <td class="Y">✓</td> <!-- Keep -->
        <td class="Y">✓</td> <!-- Notion.so -->
        <td class="W">△, via Dropbox/etc.</td> <!-- Quiver -->
        <td class="Y">✓</td> <!-- Simplenote -->
        <td class="W">△, via Dropbox/etc.</td> <!-- TiddlyWiki -->
        <td class="W">△, via Dropbox/etc.</td> <!-- Typora -->
      </tr>
      <tr>
        <td>Version control</td>
        <td class="W">△, via Git</td> <!-- Notable -->
        <td class="X">✕</td> <!-- Bear -->
        <td class="W">△, via Git</td> <!-- Boostnote -->
        <td class="X">✕</td> <!-- Evernote -->
        <td class="X">✕</td> <!-- Keep -->
        <td class="Y">✓, but paid</td> <!-- Notion.so -->
        <td class="W">△, via Git, but cumbersome .qvnote format</td> <!-- Quiver -->
        <td class="Y">✓</td> <!-- Simplenote -->
        <td class="W">△, via Git</td> <!-- TiddlyWiki -->
        <td class="W">△, via Git</td> <!-- Typora -->
      </tr>
    </tbody>
  </table>
</div>
